@CHARSET "UTF-8";
.hide {
	display: none;
}

.zhaopian {
	height: 1000px;
	width: 900px;
	margin: 0 auto;
	position: relative;
}

.zhaopian .zp_list {
	width: 180px;
	box-shadow: 0px 0px 20px #333;
	position: relative;
	display: none;
}

.zp_list .zp_titleBg {
	width: 120px;
	height: 40px;
	background: #000;
	left: 30px;
	opacity: 0.55;
	filter: alpha(opacity =       55);
	position: absolute;
	top: -20px;
}

.zp_list .zp_titleTxt {
	width: 160px;
	height: 40px;
	cursor: move;
	color: #fff;
	padding: 0 10px;
	line-height: 40px;
	left: 50px;
	position: absolute;
	top: -20px;
}

.zp_list .zp_content {
	padding: 30px 10px 10px;
}

.zp_content p {
	text-indent: 1.5em;
}

.yellow {
	background: #FFFFCC;
	-webkit-transform: rotate(10deg) translateZ(0);
	-moz-transform: rotate(10deg) translateZ(0);
}

.green {
	background: #CCFFCC;
	-webkit-transform: rotate(-10deg) translateZ(0);
	-moz-transform: rotate(-10deg) translateZ(0);
}

.blue {
	background: #C6C6F8;
	-webkit-transform: rotate(15deg) translateZ(0);
	-moz-transform: rotate(15deg) translateZ(0);
}

.color4 {
	background: #D1D1CE;
	-webkit-transform: rotate(-15deg) translateZ(0);
	-moz-transform: rotate(-15deg) translateZ(0);
}